@charset "utf-8";
/* CSS Document */

ul,ol,li { padding: 0; margin: 0; list-style: none outside none;}
.alert-info li  {list-style: inside; padding-left: 40px;}
.text-info li {list-style: outside;}
em { font-style: normal;}

/*选择楼层类型以及楼层布局*/
.special-web-type,
.floor-layout-type {}
.special-web-type .model,
.floor-layout-type .layout { position: relative; z-index: 1; border: solid 1px #FFF; border-radius: 4px; padding: 15px 0; text-align: center;}
.special-web-type .selected,
.floor-layout-type .selected { border-color: #EEE; background-color: #F5F5F5;}
.special-web-type .type-pic,
.floor-layout-type .layout-pic { width: 190px; height: 80px; margin: 0 auto; background: url(../img/special-web/type.png) no-repeat;}
.special-web-type .floor-model .type-pic { background-position: 0 0;}
.special-web-type .brand-model .type-pic { background-position: -190px 0;}
.special-web-type .adv-model .type-pic { background-position: -380px 0;}
.special-web-type .channel-floor-model .type-pic { background-position: 0 -170px;}
.special-web-type .channel-top-model .type-pic { background-position: -190px -80px;}
.floor-layout-type .layout-a .layout-pic { background-position: 0 0;}
.floor-layout-type .layout-b .layout-pic { background-position: 0 -80px;}
.floor-layout-type .layout-c1 .layout-pic { background-position: 0 -170px;}
.special-web-type .type-name,
.floor-layout-type .layout-name { margin-top: 10px; font-size: 14px; color: #AAA;}
.special-web-type .selected .type-name,
.floor-layout-type .selected .layout-name { color: #000;}
.floor-layout-type .layout-info  { width: 60%; margin: 10px auto 0 auto; line-height: 20px; color: #CCC;}
.floor-layout-type .selected .layout-info { color: #555;}
.special-web-type .fa,
.floor-layout-type .fa { display: none; position: absolute; z-index: 1; top: 8px; left: 8px; font-size: 24px; color: #00ACAC;}
.special-web-type .selected .fa,
.floor-layout-type .selected .fa { display: block;}
/*选择楼层颜色*/
.templates-color { list-style-type: none;}
.templates-color li { display: inline-block; position: relative; z-index: 1; width: 75px; height: 30px; margin: 0 10px 10px 0; border-radius: 4px; color: #FFF; cursor: pointer;}
.templates-color li em { margin-left: 22px; line-height: 30px;}
.templates-color li i { position: absolute; z-index: 2; top: 8px; left: 5px; font-size: 14px; display: none; }
.templates-color li.selected i { display: block;}


/*首页楼层布局*/
.nc-page-design { overflow: hidden; background-color: #F9F9F9; padding: 20px 0;}
.nc-page-design .w { width: 968px; margin: 0 auto;}

.nc-page-design .edit { position: absolute; z-index: auto; top: 0; right: 0; bottom: 0; left: 0;}
.nc-page-design .edit:hover { filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5); border: dotted 1px #FFF; cursor: pointer;}
.nc-page-design .edit span { display: none; position: absolute; z-index: 1; top: 4px; right: 4px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CCFFFFFF', endColorstr='#CCFFFFFF');background:rgba(255,255,255,0.8); border-radius: 2px; padding: 0 4px; font-size: 12px; font-family: "宋体"; line-height: 16px; color: #000; box-shadow: 0 0 2px rgba(0,0,0,0.5);}
.nc-page-design .edit span i { margin-right: 2px;}
.nc-page-design .edit:hover span { display: block;}

/* 频道楼层布局 */
.channelpage { background-color: #FFF;}
.channelpage .w { width: 960px;}

/*布局控制*/
.floor .mt { display: block; height: 50px; border-bottom-style: solid; border-bottom-width: 1px; padding: 10px 10px 0 0;}
.floor .mt:after { display: block; clear: both; height: 0; content: "\0020"}
.floor .mt .title-block { display: block; position: relative; float: left; width: 240px; height: 40px; margin: -5px 0 0;}
.floor .mt .title-block .pic-title {}
.floor .mt .title-block .text-title { display: inline; float: left; }
.floor .mt .title-block .text-title h2 { margin: 0; font-family:"microsoft yahei",arial; font-weight: lighter; font-size: 18px; line-height: 40px; color: #333;}
.floor .mt .title-block .text-title h2 i { display: inline-block; vertical-align:middle; width: 35px; height: 30px; padding: 7px 13px 5px 4px; margin-right: 10px; text-align: left; background-image: url(../img/special-web/floor_mt_h2.png); background-repeat: no-repeat; color: #FFF; font-family: Tahoma; font-size: 12px; line-height: 18px;}
.floor .mc { display: block;}
.floor .mc:after { display: block; clear: both; height: 0; content: "\0020"}
.floor .side { float: left;}
.floor .side .side-inner { position: relative; z-index: 1; display: block; height: 380px;}
.floor .side .side-inner .banner { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: url(../img/special-web/ico_pic_w.png) no-repeat 50% 25%;}
.floor .side .side-inner .themes { position: absolute; z-index: 2; left: 0; right: 0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7FFFFFFF', endColorstr='#7FFFFFFF');background:rgba(255,255,255,0.5);}
.floor .side .side-inner .themes li { display: block; float: left; padding: 8px 0; font-size: 12px; line-height: 19px;}
.floor .side .side-inner .themes li a { display: block; color: #555;}
.floor .side .side-inner .themes li .icon { display: inline-block; vertical-align: middle; width: 19px; height: 19px; margin: 0 4px;}
.floor .side .side-inner .words { position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; padding: 20px 10px 20px 20px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2FFFFFF', endColorstr='#B2FFFFFF');background:rgba(255,255,255,0.7);}
.floor .side .side-inner .words li { display: block; float:left; margin-right: 8px; line-height: 20px; }
.floor .side .side-inner .words li a { color: #333;}
.floor .side .side-inner .words li a.style-red { color: #F34235;}
.floor .main { position: relative; z-index: 1; float: right; background-color: #FFF; border-bottom: dashed 1px #CCC;}
.floor .main:hover { z-index: 2;}
.floor .main .main-handle { display: none; position: absolute; z-index: 1; top: -1px; right: -1px; bottom: -1px; left: -1px; border: dashed 1px; box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.floor .main:hover .main-handle { display: block;} 
.floor .main .main-handle .main-name { position: absolute; z-index: 1; top: -30px; left: 0; width: 120px; height: 30px; padding: 5px 10px; font-size: 14px; line-height: 20px; color: #FFF;}
.floor .main .main-handle .handle-btns { position: absolute; z-index: 1; top: 0; right: -30px; width: 30px; height: 120px;}
.floor .main .main-handle .handle-btns a { display: block; width: 30px; height: 30px; border-bottom: solid 1px #FFF; color: #FFF; text-align: center;}
.floor .main .main-handle .handle-btns a i { font-size: 15px; line-height: 30px;}
.floor .main .main-inner { display: block; position: relative; z-index: 1;}
.floor .main .main-inner:after { display: block; clear: both; height: 0; content: "\0020"}
.floor .main .main-inner .main-body { float: left; height: 100%;}
.floor .main .main-inner .main-extra { float: right; height: 100%;}
.floor .main .main-inner .main-body li,
.floor .main .main-inner .main-extra li { position: relative; z-index: 1; display: block; float: left; border: solid #EEE; border-width: 0 1px 1px 0; background: url(../img/special-web/ico_pic_d.png) no-repeat 50% 50%;}
.floor .main .main-side { display: block; position: absolute; z-index: 2; overflow: hidden;}
.floor .main .main-side .slider-main li { display: list-item; float: left; background: #DDD url(../img/special-web/ico_slide.png) no-repeat 50% 53%;}
.floor .main .g-list { position: relative; z-index: 1; overflow: hidden;}
.floor .main .g-list li { float: left; display: block; height: 185px; border: solid #EEE; border-width: 0 1px 1px 0; background: url(../img/special-web/ico_goods_d.png) no-repeat 50% 50%;}
.floor .main .g-list li .g-img { width: 110px; height: 110px; margin: 8px auto 6px auto; background-color: #FFF;}
.floor .main .g-list li .g-name { display: block; height: 16px; line-height: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.floor .main .g-list li .g-price { color: #E4393C; font-size: 12px;}
.floor .main .g-list li .g-price em { font-size: 14px;}

.floor .main .rule-g-list { padding: 50px 0;}
.floor .main .rule-g-list dl { width: 60%; padding-left: 60px; margin: 0 auto;  background: url(../img/special-web/ico_goods_d.png) no-repeat 0 50%;}
.floor .main .rule-g-list dt { font-size: 16px;}
.floor .main .rule-g-list dd { font-size: 12px; line-height: 18px;}

.floor .side .side-inner .banner img,
.floor .side .side-inner .themes li .icon img,
.floor .main .main-inner .main-extra li img,
.floor .main .main-inner .main-body li img,
.floor .main .main-side .slider-main li img,
.floor .main .g-list li .g-img img  { width: 100%; height: 100%;}

.floor-t1 .side { width: 168px;}
.floor-t1 .side .side-inner { height: 380px;}
.floor-t1 .side .side-inner .themes { bottom: 117px;}
.floor-t1 .side .side-inner .themes li { width: 50%;}
.floor-t1 .side .side-inner .words { top: 262px; }
.floor-t1 .main { width: 800px;}
.floor-t1 .main .main-inner { height: 380px;}
.floor-t1 .main .main-inner .main-body { width: 624px;}
.floor-t1 .main .main-inner .main-extra { width: 176px;}
.floor-t1 .main .main-inner .main-body li,
.floor-t1 .main .main-inner .main-extra li { width: 175px; height: 190px;}
.floor-t1 .main .main-inner .main-body li.fore2,
.floor-t1 .main .main-inner .main-body li.fore4 { margin-left: 273px;}
.floor-t1 .main .main-side { left: 175px; top: 0; bottom: 0; width: 273px; height: 380px;}
.floor-t1 .main .main-side .slider-main { height: 380px;}
.floor-t1 .main .main-side .slider-main li { width: 273px; height: 190px; border-bottom: dotted 1px #FFF;}
.floor-t1 .main .g-list li { width: 160px; padding: 4px 10px 0 10px;}



.floor-t2 .side { width: 264px;}
.floor-t2 .side .side-inner { height: 380px;}
.floor-t2 .side .side-inner .themes { bottom: 152px; padding-left: 20px;}
.floor-t2 .side .side-inner .themes li { width: 81px;}
.floor-t2 .side .side-inner .words { top: 228px; }
.floor-t2 .main { width: 704px;}
.floor-t2 .main .main-inner { height: 380px;}
.floor-t2 .main .main-inner .main-body { width: 528px;}
.floor-t2 .main .main-inner .main-extra { width: 176px;}
.floor-t2 .main .main-inner .main-body li,
.floor-t2 .main .main-inner .main-extra li { width: 176px; height: 95px;}
.floor-t2 .main .main-inner .main-body li.fore1,
.floor-t2 .main .main-inner .main-body li.fore2 { margin-left: 352px;}
.floor-t2 .main .main-inner .main-body li.fore3,
.floor-t2 .main .main-inner .main-body li.fore4,
.floor-t2 .main .main-inner .main-body li.fore5,
.floor-t2 .main .main-inner .main-extra li.fore3 { height: 190px;}
.floor-t2 .main .main-side { left: 0; top: 0; bottom: 0; width: 352px; height: 190px;}
.floor-t2 .main .main-side .slider-main { height: 190px;}
.floor-t2 .main .main-side .slider-main li { width: 352px; height: 190px;}
.floor-t2 .main .g-list li { width: 176px; padding: 4px 10px 0 10px;}



.floor-c1 .mc { background-color: #FFF;}
.floor-c1 .side { width: 187px; height: 360px;}
.floor-c1 .side .title-block { height: 33px; position: relative; background-color: #DDD; margin: 0;}
.floor-c1 .side .text-title { padding-left: 10px;  }
.floor-c1 .side .text-title h4 { margin: 0; line-height: 33px; font-size: 16px; color: #000;}
.floor-c1 .side .side-inner { height: 327px; border: solid #EEE; border-width: 0 1px 1px 1px; background-color: transparent !important;}
.floor-c1 .side .side-inner .banner { background: url(../img/special-web/ico_pic_d.png) no-repeat 50% 50%;}
.floor-c1 .right-bar { float: right; width: 202px; height: 360px; border: solid #EEE; border-width: 0 1px 1px 1px; background-color: #FFF;}
.floor-c1 .right-bar .rad-list {}
.floor-c1 .right-bar .rad-list li { position: relative; width: 100%; height: 120px; border-bottom: 1px #EEE solid; background: url(../img/special-web/ico_pic_d.png) no-repeat 50% 50%;}


.floor-c1 .main { width: 573px; float: none; margin-left: 186px; border-left: solid 1px #EEE; border-bottom: none;}
.floor-c1 .main .g-list li { width: 25%; height: 180px; padding: 0 8px; }




/*频道页面*/
.channel-top { position: relative; z-index: 1; height: 340px; padding: 0; border-top: solid 1px #EEE; border-bottom: solid 1px #EEE; background-color: #FFF;overflow: visible}
.channel-category { height: 340px; position: absolute; z-index: 2; top: 0; left: 50%; margin-left: -480px; background-color: #F5F5F5;}
.channel-category .menu { width: 176px; margin-top: -1px;}
.channel-category .menu li { display: block; height: 56px; border-top: solid 1px #D7D7D7;}
.channel-category .menu dl,
.channel-category .menu dt { display: block; position: relative; z-index: 1; width: 176px; height: 56px; margin: 0;}
.channel-category .menu li:hover dt { background-color: #D7D7D7}
.channel-category .menu .category-icon { float: left; width: 29px; height: 29px; margin: 13px 10px;}

.channel-category .menu .category-icon img { width: 100%; height: 100%;}
.channel-category .menu .category-name { float: left; font-size: 13px; line-height: 30px; margin: 13px 0; }
.channel-category .menu dd { display:  none; position: absolute; z-index: 1; top: -1px; left: 176px; width: 290px; padding: 6px; border: solid 2px #D7D7D7; background-color: #FFF;}
.channel-category .menu li:hover dd { display: block;}
.channel-category .menu .sub-category-list { overflow: hidden; padding: 0 0 4px 16px;}
.channel-category .menu .sub-category-list li { float: left; border: none; height: 20px; padding: 4px 16px 0 0; line-height: 16px;}
.channel-category .menu .handle { display: none; text-align: right; padding: 6px 5px 0 0; margin-top: 6px; border-top: dotted 1px #E1E1E1; cursor: pointer;}
.channel-category .menu li:hover .handle { display: block;} 

.channel-slider { position: relative; z-index: 1; width: 960px; height: 240px; margin: 0 auto; overflow: hidden;}

.channel-slider .channel-category-box {margin-left: 177px;}
.channel-slider li { text-align: center; height: 240px; position: relative; z-index: 1;}
.channel-slider li img { height: 100%;}
.channel-slider li .handle { display: none; position: absolute; z-index: 1; top: -1px; right: -1px; bottom: -1px; left: -1px; }
.channel-slider li .handle a.btn { float: right; margin: 10px 10px 0 0;}
.channel-slider li:hover .handle { display: block; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5); border: dotted 1px #FFF; cursor: pointer;}

.channel-trigeminy { position: absolute; z-index: 1; width: 784px; height: 100px; top: 240px; left: 50%; margin-left: -304px; overflow: hidden;}
.channel-trigeminy ul {}
.channel-trigeminy li { width: 260px; height: 100px; float: left; text-align: center; border-right: solid 1px #EEE;}
.channel-trigeminy li img { max-height: 100px;}
.channel-trigeminy .handle { display: none; position: absolute; z-index: 1; top: -1px; right: -1px; bottom: -1px; left: -1px; }
.channel-trigeminy .handle a.btn { float: right; margin: 10px 10px 0 0;}
.channel-trigeminy:hover .handle { display: block; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5); border: dotted 1px #FFF; cursor: pointer;}

.channel-detail-floor {}
.channel-detail-floor li { position: relative; z-index: 1; display: block; float: none !important; margin-bottom: 10px; padding: 10px 0;}
.channel-detail-floor li:hover { border-color: #FE9700;}
.channel-detail-floor li .operate { display: none; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0;  filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5FF5B57', endColorstr='#E5FF5B57');background:rgba(255,91,87,0.9);} 
.channel-detail-floor li:hover .operate { display: block;}
.channel-detail-floor li .operate i { position: absolute; z-index: 1; top: 50%; left: 50%; width: 32px; height: 32px; margin: -16px 0 0 -16px; background: url(../img/remove.png) no-repeat 0 0;}
.channel-layout-name { display: block; text-align: center; line-height: 20px; font-size: 12px; color: #777;}
.channel-layout-thumb { width: 190px; height: 80px; margin: 0 auto 10px auto; background: url(../img/special-web/type.png) no-repeat 0 -170px;}

.dtmini-search-panel { display: none;}
.dtmini-result-ul { margin-bottom: 0 !important; }
.dtmini-result-ul li { float: left; position: relative; z-index: 1; display: block; margin: 0 10px 10px 0; padding: 10px;}
.dtmini-result-ul li .operate { display: none; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E500ACAC', endColorstr='#E500ACAC');background:rgba(0,172,172,0.9);}
.dtmini-result-ul li:hover .operate { display: block;}
.dtmini-result-ul li .operate i { position: absolute; z-index: 1; top: 50%; left: 50%; width: 32px; height: 32px; margin: -16px 0 0 -16px; background: url(../img/select.png) no-repeat 0 0;}

.dtmini-result-ul li .ok { display: none; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#BFEEEEEE', endColorstr='#BFEEEEEE');background:rgba(238,238,238,0.75); cursor: no-drop;}
.pagination { margin-top: 0 !important;}
.pagination li { border-style: none !important;}
/*bycj注销掉 与selectpicker 插件冲突*/
.dropdown-menu li { border: none !important; display: block  !important; float: none !important;}

.dropdown-menu li.selected { color: #AAA; background-color: #F5F5F5; opacity: 0.75;}
.dropdown-menu li.hide { display: none !important;}



/*颜色控制*/
.color01 .mt,
.color01 .main .main-handle { border-color: #C81623;}
.color02 .mt,
.color02 .main .main-handle { border-color: #F34235;}
.color03 .mt,
.color03 .main .main-handle { border-color: #E81D62;}
.color04 .mt,
.color04 .main .main-handle { border-color: #FF6B80;}
.color05 .mt,
.color05 .main .main-handle { border-color: #9B26AF;}
.color06 .mt,
.color06 .main .main-handle { border-color: #3E50B4;}
.color07 .mt,
.color07 .main .main-handle { border-color: #2095F2;}
.color08 .mt,
.color08 .main .main-handle { border-color: #02A8F3;}
.color09 .mt,
.color09 .main .main-handle { border-color: #00BBD3;}
.color10 .mt,
.color10 .main .main-handle { border-color: #009587;}
.color11 .mt,
.color11 .main .main-handle { border-color: #4BAE4F;}
.color12 .mt,
.color12 .main .main-handle { border-color: #8AC249;}
.color13 .mt,
.color13 .main .main-handle { border-color: #CCDB38;}
.color14 .mt,
.color14 .main .main-handle { border-color: #FEEA3A;}
.color15 .mt,
.color15 .main .main-handle { border-color: #FEC006;}
.color16 .mt,
.color16 .main .main-handle { border-color: #FE9700;}
.color17 .mt,
.color17 .main .main-handle { border-color: #FE5621;}
.color18 .mt,
.color18 .main .main-handle { border-color: #785447;}
.color19 .mt,
.color19 .main .main-handle { border-color: #9D9D9D;}
.color20 .mt,
.color20 .main .main-handle { border-color: #DDDDDD;}

.color01 .mt h2 i,
.color01 .mc .side .side-inner { background: #E38A91;}
.color02 .mt h2 i,
.color02 .mc .side .side-inner { background: #F9A09A;}
.color03 .mt h2 i,
.color03 .mc .side .side-inner { background: #F38EB0;}
.color04 .mt h2 i,
.color04 .mc .side .side-inner { background: #FFB5BF;}
.color05 .mt h2 i,
.color05 .mc .side .side-inner { background: #CD92D7;}
.color06 .mt h2 i,
.color06 .mc .side .side-inner { background: #9EA7D9;}
.color07 .mt h2 i,
.color07 .mc .side .side-inner { background: #8FCAF8;}
.color08 .mt h2 i,
.color08 .mc .side .side-inner { background: #80D3F9;}
.color09 .mt h2 i,
.color09 .mc .side .side-inner { background: #7FDDE9;}
.color10 .mt h2 i,
.color10 .mc .side .side-inner { background: #7FCAC3;}
.color11 .mt h2 i,
.color11 .mc .side .side-inner { background: #A5D6A7;}
.color12 .mt h2 i,
.color12 .mc .side .side-inner { background: #C4E0A4;}
.color13 .mt h2 i,
.color13 .mc .side .side-inner { background: #E5ED9B;}
.color14 .mt h2 i,
.color14 .mc .side .side-inner { background: #FEF49C;}
.color15 .mt h2 i,
.color15 .mc .side .side-inner { background: #FEDF82;}
.color16 .mt h2 i,
.color16 .mc .side .side-inner { background: #FECB7F;}
.color17 .mt h2 i,
.color17 .mc .side .side-inner { background: #FEAA90;}
.color18 .mt h2 i,
.color18 .mc .side .side-inner { background: #BBA9A3;}
.color19 .mt h2 i,
.color19 .mc .side .side-inner { background: #CECECE;}
.color20 .mt h2 i,
.color20 .mc .side .side-inner { background: #EEEEEE;}

.list-color01,
.templates-color .color01,
.templates-color .color01.selected,
.color01 .main .main-handle .main-name,
.color01 .main .main-handle .handle-btns { background-color: #C81623;}
.list-color02,
.templates-color .color02,
.templates-color .color02.selected,
.color02 .main .main-handle .main-name,
.color02 .main .main-handle .handle-btns { background-color: #F34235;}
.list-color03,
.templates-color .color03,
.templates-color .color03.selected,
.color03 .main .main-handle .main-name,
.color03 .main .main-handle .handle-btns { background-color: #E81D62;}
.list-color04,
.templates-color .color04,
.templates-color .color04.selected,
.color04 .main .main-handle .main-name,
.color04 .main .main-handle .handle-btns { background-color: #FF6B80;}
.list-color05,
.templates-color .color05,
.templates-color .color05.selected,
.color05 .main .main-handle .main-name,
.color05 .main .main-handle .handle-btns { background-color: #9B26AF;}
.list-color06,
.templates-color .color06,
.templates-color .color06.selected,
.color06 .main .main-handle .main-name,
.color06 .main .main-handle .handle-btns { background-color: #3E50B4;}
.list-color07,
.templates-color .color07,
.templates-color .color07.selected,
.color07 .main .main-handle .main-name,
.color07 .main .main-handle .handle-btns { background-color: #2095F2;}
.list-color08,
.templates-color .color08,
.templates-color .color08.selected,
.color08 .main .main-handle .main-name,
.color08 .main .main-handle .handle-btns { background-color: #02A8F3;}
.list-color09,
.templates-color .color09,
.templates-color .color09.selected,
.color09 .main .main-handle .main-name,
.color09 .main .main-handle .handle-btns { background-color: #00BBD3;}
.list-color10,
.templates-color .color10,
.templates-color .color10.selected,
.color10 .main .main-handle .main-name,
.color10 .main .main-handle .handle-btns { background-color: #009587;}
.list-color11,
.templates-color .color11,
.templates-color .color11.selected,
.color11 .main .main-handle .main-name,
.color11 .main .main-handle .handle-btns { background-color: #4BAE4F;}
.list-color12,
.templates-color .color12,
.templates-color .color12.selected,
.color12 .main .main-handle .main-name,
.color12 .main .main-handle .handle-btns { background-color: #8AC249;}
.list-color13,
.templates-color .color13,
.templates-color .color13.selected,
.color13 .main .main-handle .main-name,
.color13 .main .main-handle .handle-btns { background-color: #CCDB38;}
.list-color14,
.templates-color .color14,
.templates-color .color14.selected,
.color14 .main .main-handle .main-name,
.color14 .main .main-handle .handle-btns { background-color: #FEEA3A;}
.list-color15,
.templates-color .color15,
.templates-color .color15.selected,
.color15 .main .main-handle .main-name,
.color15 .main .main-handle .handle-btns { background-color: #FEC006;}
.list-color16,
.templates-color .color16,
.templates-color .color16.selected,
.color16 .main .main-handle .main-name,
.color16 .main .main-handle .handle-btns { background-color: #FE9700;}
.list-color17,
.templates-color .color17,
.templates-color .color17.selected,
.color17 .main .main-handle .main-name,
.color17 .main .main-handle .handle-btns { background-color: #FE5621;}
.list-color18,
.templates-color .color18,
.templates-color .color18.selected,
.color18 .main .main-handle .main-name,
.color18 .main .main-handle .handle-btns { background-color: #785447;}
.list-color19,
.templates-color .color19,
.templates-color .color19.selected,
.color19 .main .main-handle .main-name,
.color19 .main .main-handle .handle-btns { background-color: #9D9D9D;}
.list-color20,
.templates-color .color20,
.templates-color .color20.selected,
.color20 .main .main-handle .main-name,
.color20 .main .main-handle .handle-btns { background-color: #DDDDDD;}


.templates-color li.color13,
.templates-color li.color14,
.templates-color li.color15,
.templates-color li.color16,
.templates-color li.color20  { color: #333;}

/* 品牌楼层块 */
.nc-design-home-brands { width: 968px; background: #FFF; padding: 13px 0; margin: 0 auto; overflow: hidden;}
.nc-design-home-brands ul { height: 40px; overflow: hidden; margin-left: -1px;}
.nc-design-home-brands ul li { float: left; width: 96px; height: 33px; padding: 3px 8px; border-left: 1px dotted #ccc; text-align: center;}
.nc-design-home-brands ul li img { max-width: 80px; max-height: 27px;}

/* 横幅广告楼层块 */
.nc-design-home-adv { width: 968px; background: #FFF; margin: 0 auto; overflow: hidden;}
.adv-banner { width: 610px; height: 60px; }
.adv-banner { max-width: 100%; max-height: 100%; }


/*首页幻灯片*/
.nc-home-slider { width: 604px; margin: 0 auto;}
.nc-home-slider li { position: relative; z-index:1; width: 604px; height: 372px; text-align: center; background-color: #FFF; border: solid 10px #FFF; margin-bottom: 15px;}
.nc-home-slider li .handle { display: none; position: absolute; z-index: 1; top: -1px; right: -1px; bottom: -1px; left: -1px;}
.nc-home-slider li .handle a.btn { float: right; margin: 10px 10px 0 0;}
.nc-home-slider li:hover .handle { display: block; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5); border: dotted 1px #FFF; cursor: pointer;}

/*数据类型编辑*/
.upload-pic-thumb { display: inline-block;  border: solid 1px #E6E6E6; background-color: #F5F5F5; text-align: center; overflow: hidden;}
.title-pic { width: 300px; height: 50px;}
.sidebar-bg-t1 { width: 105px; height: 190px;}
.sidebar-bg-t2 { width: 132px; height: 190px;}
.single-pic-t1 { width: 175px; height: 189px; }
.single-pic-t21 { width: 175px; height: 94px;}
.single-pic-t22 { width: 175px; height: 189px;}
.sidebar-right-bg-t1 { width: 199px; height: 119px;}


.ncdate-list ul { margin-bottom: 15px; overflow: hidden;}
.ncdate-list li { float: left; position: relative; z-index: 1; background-color: #FFF; border: dashed 1px #EEE;}
.ncdate-list li a,
.ncdate-list li a:hover { display: block; color: #999; text-decoration: none;}
.ncdate-list li.selected { background-color: #FFF3DA; border-color: #FBCFAC;}
.ncdate-list li.selected a { color: #333;}
.ncdate-list li .del { display: none; position: absolute; z-index: 2; top: 1px; right: 1px; width: 24px; height: 24px; text-align: center; line-height: 24px; background-color: #FE9700;}
.ncdate-list li .del i.fa { color: #FFF;}
.ncdate-list li.selected .del { display: block;}
.ncdate-list .templates-color li { border: none;}


.icon-tag li { width: 23%; padding: 1%; margin: 1%;}
.icon-tag li a { font-size: 14px;}
.icon-tag li a .icon { display: inline-block; width: 24px; height: 24px; vertical-align: middle; margin-right: 8px;}
.icon-tag li a .icon img { width: 100%; height: 100%;}
.text-url li { width: 14.6%; padding: 1%; margin: 1%;}
.adv-slide li { width: 22.5%; padding: 1%; margin: 1%; text-align: center;}
.adv-slide li a img { max-width: 100%; max-height: 120px;}
.brand-plus li { position: relative; z-index: 1; width: 140px; height: 60px; padding: 10px 20px; margin: 1%;}
.brand-plus li .brands-pic { position: absolute; z-index: 1; width: 100px; height: 40px;}
.brand-plus li .brands-pic img { max-width: 100%; max-height: 100%;}
.brand-plus li .brands-name { position: absolute; z-index: 2; width: 100px; height: 40px;}
.hot-slide li { width: 11%; padding: 1%; margin: 1% 1% 0 0;}
.hot-slide li .object { position: relative; z-index: 1; display: block;}



/* 专题页相关样式 */
.nc-special-design { display: block;}
.nc-special-design .item-layout { width: 960px; margin: 0 auto;}
.nc-special-design .content { margin: 0!important; padding: 0!important;}

.special-item { position: relative; z-index: auto; min-height: 120px;}
.special-item .item-border { display: none; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; border: dotted 1px #707478;}
.special-item .item-type-text { display: none; position: absolute; z-index: 2; top: 0; left: 0; right: 0; padding: 10px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F7F8797', endColorstr='#7F7F8797');background:rgba(127,135,151,0.5); font-size: 14px; color: #FFF; line-height: 20px;}
.special-item .item-handle { display: none; position: absolute; z-index: 1; top: 0; right: -30px; width: 30px; height: 120px;}
.special-item .item-handle a { display: block; width: 30px; height: 30px; background-color: #707478; margin-bottom: 1px; color: #FFF; text-align: center;}
.special-item .item-handle a i { font-size: 15px; line-height: 30px;}
.special-item:hover .item-border, 
.special-item:hover .item-type-text,
.special-item:hover .item-handle { display: block;}
.special-item .item-content { display: block; overflow: hidden;}
.special-item.image .content { text-align: center;}
.special-item.hotpoint .content img,
.special-item.image .content img { max-width: 100%;}
.special-item.goods .item-content { padding: 0 0 8px 10px;}
.special-item.goods .item-part { display: block; float: left; width:180px; height: 250px; margin: 8px 10px 0 0; background-color: #FFF;}
.special-item.goods .item-part-goods { padding: 4px; position: relative; z-index: 1;}
.special-item.goods .goods-pic { width: 164px; height: 164px; padding: 4px; overflow: hidden;}
.special-item.goods .goods-pic img { max-width: 100%; max-height: 100%;}
.special-item.goods .goods-name { display: block; overflow: hidden; height: 34px; margin-bottom: 8px; line-height: 17px; color: #333;}
.special-item.goods .goods-price { color: red; font-size: 12px; line-height: 30px;}
.special-item.goods .goods-price span { font-family: verdana; font-size: 12px;}
.special-item.goods .goods-price span em { font-family: Arial; font-size: 24px; margin-left: 2px;}
.special-item.goods .buy-button { position: absolute; z-index: 1; bottom: 6px; right: 8px;}
.special-item.goods .buy-button a { display: block; width: 36px; height: 36px; padding: 4px; text-align: center; background-color: red; font-size: 13px; font-weight: 600; line-height: 16px; color: #FFF;}


